<!DOCTYPE html><html lang="fr"><head>
    <meta charset="utf-8">
    <title>Bibliothèques et Plugins</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@threejs">
    <meta name="twitter:title" content="Three.js – Bibliothèques et Plugins">
    <meta property="og:image" content="https://threejs.org/files/share.png">
    <link rel="shortcut icon" href="../../files/favicon_white.ico" media="(prefers-color-scheme: dark)">
    <link rel="shortcut icon" href="../../files/favicon.ico" media="(prefers-color-scheme: light)">

    <link rel="stylesheet" href="../resources/lesson.css">
    <link rel="stylesheet" href="../resources/lang.css">
<script type="importmap">
{
  "imports": {
    "three": "../../build/three.module.js"
  }
}
</script>
  </head>
  <body>
    <div class="container">
      <div class="lesson-title">
        <h1>Bibliothèques et Plugins</h1>
      </div>
      <div class="lesson">
        <div class="lesson-main">
          
          <p class="desc">
            Voici une liste de bibliothèques et plugins compatibles développés en externe pour three.js. Cette
            liste et les paquets associés sont maintenus par la communauté et ne sont pas garantis
            d'être à jour. Si vous souhaitez mettre à jour cette liste, faites une Pull Request !
          </p>
      
          <h3>Physique</h3>
      
          <ul>
            <li>[link:https://github.com/lo-th/Oimo.js/ Oimo.js]</li>
            <li>[link:https://enable3d.io/ enable3d]</li>
            <li>[link:https://github.com/kripken/ammo.js/ ammo.js]</li>
            <li>[link:https://github.com/pmndrs/cannon-es cannon-es]</li>
            <li>[link:https://rapier.rs/ rapier]</li>
            <li>[link:https://github.com/jrouwe/JoltPhysics.js Jolt]</li>
            
          </ul>
      
          <h3>Post-traitement</h3>
      
          <p>
            En plus des [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/postprocessing effets de post-traitement officiels de three.js],
            la prise en charge d'effets et de frameworks supplémentaires est disponible via des bibliothèques externes.
          </p>
      
          <ul>
            <li>[link:https://github.com/vanruesc/postprocessing postprocessing]</li>
          </ul>
      
          <h3>Performance d'Intersection et de Raycast</h3>
      
          <ul>
            <li>[link:https://github.com/gkjohnson/three-mesh-bvh three-mesh-bvh]</li>
          </ul>
      
          <h3>Tracé de chemin</h3>
          
          <ul>
            <li>[link:https://github.com/gkjohnson/three-gpu-pathtracer three-gpu-pathtracer]</li>
          </ul>
          
          <h3>Formats de fichier</h3>
      
          <p>
            En plus des [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders chargeurs officiels de three.js],
            la prise en charge de formats supplémentaires est disponible via des bibliothèques externes.
          </p>
      
          <ul>
            <li>[link:https://github.com/gkjohnson/urdf-loaders/tree/master/javascript urdf-loader]</li>
            <li>[link:https://github.com/NASA-AMMOS/3DTilesRendererJS 3d-tiles-renderer-js]</li>
            <li>[link:https://github.com/kaisalmen/WWOBJLoader Chargeur OBJ WebWorker]</li>
            <li>[link:https://github.com/IFCjs/web-ifc-three IFC.js]</li>
          </ul>
      
          <h3>Géométrie</h3>
      
          <ul>
            <li>[link:https://github.com/spite/THREE.MeshLine THREE.MeshLine]</li>
          </ul>
      
          <h3>Texte et Mise en page 3D</h3>
      
          <ul>
            <li>[link:https://github.com/protectwise/troika/tree/master/packages/troika-three-text troika-three-text]</li>
            <li>[link:https://github.com/felixmariotto/three-mesh-ui three-mesh-ui]</li>
          </ul>
      
          <h3>Systèmes de particules</h3>
      
          <ul>
            <li>[link:https://github.com/Alchemist0823/three.quarks three.quarks]</li>
            <li>[link:https://github.com/creativelifeform/three-nebula three-nebula]</li>
          </ul>
      
          <h3>Cinématique inverse</h3>
      
          <ul>
            <li>[link:https://github.com/jsantell/THREE.IK THREE.IK]</li>
            <li>[link:https://github.com/lo-th/fullik fullik]</li>
            <li>[link:https://github.com/gkjohnson/closed-chain-ik-js closed-chain-ik]</li>
          </ul>
      
          <h3>IA de jeu</h3>
      
          <ul>
            <li>[link:https://mugen87.github.io/yuka/ yuka]</li>
            <li>[link:https://github.com/donmccurdy/three-pathfinding three-pathfinding]</li>
            <li>[link:https://github.com/isaac-mason/recast-navigation-js recast-navigation-js]</li>
          </ul>
      
          <h3>Wrappers et Frameworks</h3>
      
          <ul>
            <li>[link:https://aframe.io/ A-Frame]</li>
            <li>[link:https://lume.io/ Lume] - Éléments HTML pour graphismes 3D basés sur Three.</li>
            <li>[link:https://github.com/pmndrs/react-three-fiber react-three-fiber] - Composants React pour graphismes 3D basés sur Three.</li>
            <li>[link:https://threepipe.org/ threepipe] - Un framework de visualisation 3D polyvalent utilisant three.js pour le rendu.</li>
            <li>[link:https://ecsyjs/ecsy-three ECSY]</li>
            <li>[link:https://threlte.xyz/ Threlte] - Composants Svelte pour graphismes 3D basés sur Three.</li>
            <li>[link:https://needle.tools/ Needle Engine]</li>
            <li>[link:https://tresjs.org/ tresjs] - Composants Vue pour graphismes 3D basés sur Three.</li>
            <li>[link:https://giro3d.org Giro3D] - Framework polyvalent basé sur Three pour visualiser et interagir avec des données géospatiales 2D, 2.5D et 3D.</li>
            <li>[link:https://zap.works/mattercraft/ Mattercraft] - Éditeur visuel basé sur navigateur pour le contenu web AR, WebXR et 3D, construit sur three.js avec aperçu en temps réel et moteur physique.</li>
          </ul>

        </div>
      </div>
    </div>

  <script src="../resources/prettify.js"></script>
  <script src="../resources/lesson.js"></script>




</body></html>